@import '~bootstrap/scss/bootstrap';

body {
	font-size: 14px;
	font-weight: normal;
}

nav.navbar.navbar-expand-lg {
	margin-bottom: 20px;
}
footer {
	margin-top: 45px;
	padding-top: 5px;
	border-top: 1px solid #eaeaea;
	color: #777;
	font-size: 13px;
	font-weight: bold;

	a {
		color: #555;
	}

	a:hover {
		color: #222;
	}

	small {
		float: left;
	}
	img.brand-icon {
		width: 17px;
		height: 17px;
	}
}

section.user_info {
	padding-bottom: 10px;
	margin-top: 20px;
	text-align: center;
	.gravatar {
		float: none;
		max-width: 70px;
	}
	h1 {
		font-size: 1.4em;
		letter-spacing: -1px;
		margin-bottom: 3px;
		margin-top: 15px;
	}
}

.gravatar {
	float: left;
	max-width: 50px;
	border-radius: 50%;
}

/**
users edit
 */
.gravatar_edit {
	margin: 15px auto;
	text-align: center;
	.gravatar {
		float: none;
		max-width: 100px;
	}
}

.stats {
	overflow: auto;
	margin-top: 0;
	padding: 0;
	a {
		float: left;
		padding: 0 10px;
		text-align: center;
		width: 33%;
		border-left: 1px solid #eee;
		color: #33383c;
		&:first-child {
			padding-left: 0;
			border: 0;
		}
		&:hover {
			text-decoration: none;
			color: #337ab7;
		}
	}
	strong {
		display: block;
		font-size: 1.2em;
		color: black;
	}
}
